import { Navigate } from 'react-router-dom' 
import React from 'react'
import Mv from '@/views/Mv/Mv'

const ContentFindMusic = React.lazy(()=>import('../views/content/ContentFindMusic/ContentFindMusic'))
const ContentMyLoveMusic = React.lazy(()=>import('../views/content/ContentMyLoveMusic/ContentMyLoveMusic'))
const ContentSongs = React.lazy(()=>import('../views/content/ContentSongs/ContentSongs'))

const routes = [
    {
        path:'/',
        element:<Navigate to="/findmusic"></Navigate>
    },
    {
        path:'/findmusic',
        element:<ContentFindMusic></ContentFindMusic>
    },
    {
        path:'/mylovemusic',
        element:<ContentMyLoveMusic></ContentMyLoveMusic>
    },
    {
        path:'/songs',
        element:<ContentSongs></ContentSongs>
    },
    {
        path:'/mv',
        element:<Mv></Mv>
    }
]

export default routes
